<html>
  <head>
    <title>Página do Fulano</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="resources/css/formatacoes.css">
    <script src="resources/js/validacao.js"></script>

  </head>
  <body>
    <div id="total" >  
      <div id="cabecalho">
        <header>
          <img id="banner" alt="banner" src="resources/images/om.png">
        </header>
      </div>

      <div id="menu">
       <a href="cadastro.html">Cadastro</a> 
      </div>      

      <div id="central">
        <div id="redes">
          <a href="https://www.facebook.com/omauriciosilva" target="_blank">
            <img id="fb" align="right" alt="facebook" src="resources/images/fb.png">                  
          </a>
          <a href="https://twitter.com/omauriciosilva" target="_blank">
            <img id="tw" align="right" alt="twitter" src="resources/images/tw.png">                  
          </a>
        </div>

        <h1>Formulário de Cadastro</h1>

        <form action="cadastro.html" method="post" name="cadastro">
          <b>Nome</b><b style="color: red">*</b><br/>
          <input type=text name="nome" size="60" maxlength="70"><br/><br/>
          
          <b>E-mail</b><b style="color: red">*</b><br/>
          <input type=text name="email" size="60"><br/><br/>

          <b>Telefone</b><b style="color: red">*</b><br/>          
          <input type=text name="ddd" size="2" maxlength="2" onkeypress="return SomenteNumero(event)">
          <input type=text name="telefone" size="12" maxlength="10" onkeypress="return SomenteNumero(event)"><br/><br/>
          
          <b>CEP</b><b style="color: red">*</b><br/> 
          <input type=text name="cep" maxlength="8" onkeypress="return SomenteNumero(event)"><br/><br/>
          
          <b>Logradouro</b><b style="color: red">*</b><br/>
          <input type=text name="logradouro"><br/><br/>
          
          <b>Número</b><b style="color: red">*</b><br/>
          <input type=text name="numero" size="6"><br/><br/>
          
          <b>Complemento</b><br/>
          <input type=text name="Complemento"><br/><br/>

          <b>UF</b><b style="color: red">*</b><br/>   
          <select name="uf">
            <option value=""></option>
            <option value="PB">PB</option>
            <option value="PE">PE</option>
            <option value="PI">PI</option>
            <option value="RJ">RJ</option>
            <option value="SP">SP</option>
          </select><br/><br/>

          <b>Cidade</b><b style="color: red">*</b><br/> 
          <select name="cidade">
            <option value=""></option>
            <option value="João Pessoa">João Pessoa</option>
            <option value="Recife">Recife</option>
            <option value="Terezina">Terezina</option>
            <option value="Rio de Janeiro">Rio de Janeiro</option>
            <option value="São Paulo">São Paulo</option>
          </select><br/><br/>
          
          <b>Bairro</b><b style="color: red">*</b><br/>   
          <select name="bairro">
            <option value=""></option>
            <option value="Tambaú">Tambaú</option>
            <option value="Boa Vista">Boa Vista</option>
            <option value="Cabral">Cabral</option>
            <option value="Copacabana">Copacabana</option>
            <option value="Moema">Moema</option>
          </select><br/><br/>                        

          <input type="submit" name="button" id="button" onclick="return validaCadastro()" value="Enviar" />
          <input type="reset" value="Limpar">
        </form>

        <footer>      
          Desenvolvido por Fulano na disciplina de <a href="http://www.joaquimnabuco.edu.br/" target="_blank" style="">Programação para Web</a> – 10/09/2014
        </footer>
      </div>
    </div>
  </body>
</html>
